<template>
<!-- 存放 HTML 代码 -->
<div class="app">
  <h1>你好啊！</h1>
  <Person/>
</div>
</template>


<style>
/* 存放 CSS 代码 */
.app {
    background-color: #ddd;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}
</style>

<script lang="ts">
// 存放 JS/TS 代码
// 通过 lang 属性指定为 ts 后，默认支持 ts 代码
import Person from "./components/Person.vue"
export default {
  name: 'App', // 组件名
  components: {
    Person // 注册组件
  }
}
</script>